aside {
    margin-top: 20px;
    background: #f5f5f5;
    position: absolute;
    left: 8px;
    top: 30px;
    z-index: 9999;
    display: none;
    padding: 0;
    opacity: 0;
    /*-webkit-transition: all 300ms ease;
    transition: all 300ms ease;*/
    border: 1px solid #979797;
    -moz-box-shadow: 5px 5px 4px -4px #666666;
    -webkit-box-shadow: 2px 2px 2px #999999;
    box-shadow: 2px 2px 2px #999999;
    border-bottom: 4px solid #007db8;
}
aside::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 11px;
    width: 15px;
    height: 15px;
    background: #f5f5f5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
aside.active {
    display: block;
    opacity: 1;
}

/* 系统菜单
------------------------------------------------------------------------------*/
/* TOP LEVEL STUFF */
ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 230px;
    height: auto;
    position: relative;
}

ul.menu li.menu__item {
    position: static; 
    background: #f5f5f5; /*#2980b9; */
    border: 1px solid transparent;
    text-align: left;
}

ul.menu li.menu__item:first-child {
    margin-top: 15px;
}
ul.menu li.menu__item:last-child {
    margin-bottom: 15px;
}

.menu__item i {
    position: absolute;
    left: -21px;
    top: 10px;
    color: #000;
    font-size: 12px;
}

.menu__item:hover, .menu__item:hover>span {
    background-color: #d1e2f2;
    /*border: 1px solid #78aee5;*/
}

.menu__item span {
    position: relative;
    display: block;
    text-decoration: none;
    color: #000; /*grey;*/
    cursor: pointer;
    /*padding-left: 30px;*/
    font-size: 16px;
    line-height: 2em;
    text-indent: 30px;
}

/* 子菜单指示 */
li.has__children > span:after {
    content: "";
    border-right: .3em solid transparent;
    border-left: .3em solid #282828;
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    position: absolute;
    display: inline-block;
    width: 3px;
    right: 3px;
    opacity: 1;
    top: 11px;
}

.menu .menu__separator {
    position: relative;
    height: 1px;
    border-bottom: 1px solid #ddd;
    margin: 2px 5px 2px 30px;
}

/* 一级、二级、三级等菜单容器 */
.menu__item ul {
    background: #f5f5f5;
    position: absolute;
    z-index: 1;
    border: 1px solid #979797;
    -moz-box-shadow: 5px 5px 4px -4px #666666;
    -webkit-box-shadow: 2px 2px 2px #999999;
    box-shadow: 2px 2px 2px #999999;
    display: none;
}
ul.l_02 {
    top: -16px;
    left: 229px;
    border-bottom:4px solid #007db8;
}
ul.l_03 {
    top: -1px;
    left: 228px;
    border-bottom:4px solid #007db8;
}
/*
.menu__item:hover > ul {
    display: inline-block;
}*/


/* 下面是 宽幅 菜单样式
------------------------------------------------------------------------------*/
#topNav ul.nav>li.mega-menu div.row {
    width: 100%;
}
#topNav ul.nav>li.mega-menu div {
    display: table;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}



#topNav ul.nav>li.mega-menu div div:first-child {
    border-left: 0;
}
#topNav ul.nav>li.mega-menu div div {
    border-left: #eee 1px solid;
    margin-left: -1px;
    display: table-cell;
    vertical-align: top;
    float: none;
}